<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--内部样式-->
    <title>css的三种位置</title>
    <link rel="stylesheet" href="Demo.css">
    <style>
        p{
            color: blue;
        }
        h4{
            color: red;
            background-color: yellow;
        }
    </style>
<!-- link和style优先级为代码从上到下覆盖效果，但可以使用!important改变，不过禁用-->
<!--行内样式优先级高于内部样式，内部样式和引用样式根据代码顺序-->
</head>
<body>
<div>我是div</div>
<div>我是div</div>
<div>我是div</div>
<hr>
<!--只对当前行生效-->
<h4 style="color: rebeccapurple">我是标题</h4>
<h4>我是标题</h4>
<h4>我是标题</h4>
<hr>
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
</body>
</html>